<script lang="ts" setup>
import type { SysMenu } from '@/api/system/sysMenu/sysMenu.d'

const props = defineProps<{
  menu: SysMenu
}>()
</script>

<template>
  <a-sub-menu v-if="menu.isSubMenu">
    <template #icon>
      <component :is="menu.icon" />
    </template>
    <template #title>
      {{ menu.menuName }}
    </template>
    <menu-recurion-component :menu="v" :key="i" v-for="(v,i) in menu.children" />
  </a-sub-menu>
  <a-menu-item v-else-if="!menu.isHidden" @click="$router.push(menu.url!)" :key="menu.id" >
    <template #icon>
      <component :is="menu.icon" />
    </template>
    {{ menu.menuName }}
  </a-menu-item>
</template>

<style scoped lang="scss">

</style>
